<template>
  <div class="main-wrap">
    <comps-pen />
    <view-pen />
    <property-pen />
  </div>
</template>

<script>
import CompsPen from "./CompsPen";
import PropertyPen from "./PropertyPen";
import ViewPen from "./ViewPen";
export default {
  name: "mainContain",
  components: {
    CompsPen,
    PropertyPen,
    ViewPen
  }
};
</script>

<style lang="stylus" scoped>
.main-wrap
  flex auto
  display flex
  justify-content space-between
  align-items stretch
  background-image linear-gradient(45deg, #f5f5f5 25%, transparent 0, transparent 75%, #f5f5f5 0), linear-gradient(45deg, #f5f5f5 25%, transparent 0, transparent 75%, #f5f5f5 0)
  background-position 0 0, 13px 13px
  background-size 26px 26px
</style>
